<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 头像部分开始 -->
    <div class="pic">
        <div class="picbox">
            <img src="img/1000.jpg">
        </div>
    </div>
    <!-- 头像部分结束 -->

    <!-- 导航部分开始 -->
    <div class="nav">
        <a href="#zl">资料</a>
        <a href="#jn">技能</a>
        <a href="#zp">作品</a>
        <a href="#jl">经历</a>
        <a href="#xq">兴趣</a>
    </div>
    <!-- 导航部分结束 -->

    <!-- 个人资料开始 -->
	<a name="zl"></a>
    <div class="myInfo">
        <div class="title">
            <img src="img/五角星.png">
            <span>个人资料</span>
        </div>

        <p>姓名：鸡哥</p>
        <p>性别：男</p>
        <p>年龄：23</p>
        <p>英文名：jinitaimei</p>
        <p style="margin-top:30px;">QQ：1459434261</p>
        <p>手机号码：15186987352</p>
        <p>邮箱：1459434261@qq.com</p>

        <p style="margin-top:30px;">蔡徐坤，出生于浙江省，祖籍湖南怀化，中国内地男歌手、演员。2012年4月，因参加综艺节目《向上吧！少年》而进入娱乐圈。</p>
    </div>
    <!-- 个人资料结束 -->

    <!-- 个人技能开始 -->
	<a name="jn"></a>
    <div class="mySkills">
        <div class="title">
            <img src="img/学士帽.png">
            <span>掌握的技能</span>
        </div>

        <div class="item">
            <img src="img/id.jpg" >
            <p class="skillName">Adobe InDesign CS6</p>
            <p class="info">熟练使用Adobe InDesign CS6</p>
        </div>

        <div class="item">
            <img src="img/Ai.png" >
            <p class="skillName">AI</p>
            <p class="info">精通AI</p>
        </div>

        <div class="item">
            <img src="img/Ps.png" >
            <p class="skillName">PhotoShop</p>
            <p class="info">精通图像制作</p>
        </div>
    </div>
    <!-- 个人技能结束 -->

    <!-- 个人作品开始 -->
	<a name="zp"></a>
    <div class="myWorks">
        <div class="title">
            <img src="img/奖杯.png">
            <span>个人作品</span>
        </div>

        <div class="item">
            <img src="img/海滩派对.jpg">
            <p>海滩派对</p>
        </div>

        <div class="item">
            <img src="img/自由.jpg">
            <p>自由</p>
        </div>

        <div class="item">
            <img src="img/2.5.jpg">
            <p>2.5</p>
        </div>
		<div class="item">
		    <img src="img/文字.jpg">
		    <p>文字</p>
		</div>
    </div>
    <!-- 个人作品结束 -->

    <!-- 个人经历开始 -->
	<a name="jl"></a>
    <div class="myExp">
        <div class="title">
            <img src="img/箱子.png">
            <span>个人经历</span>
        </div>

        <div class="content">
            <div class="item">
                <div class="circle"></div>
                <p>2005年练习准备</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2009年练习准备</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2015 6月年开始练习</p>
            </div>

            <div class="item">
                <div class="circle"></div>
                <p>2018年练习</p>
            </div>

            <img src="img/xjj.png" class="pic">
        </div>
    </div>
    <!-- 个人经历结束 -->

    <!-- 我的兴趣开始 -->
	<a name="xq"></a>
    <div class="myInterest">
        <div class="title">
            <img src="img/学士帽.png">
            <span>个人兴趣</span>
        </div>

        <p>我的团队 - 缤奇团队由一群热爱科技创新的年轻人所组成，做到了“实际”与“创新”的结合。奇思妙想不乏真正落实。集思广益，生动有趣的创意，尽在缤奇。缤奇团队如今有超过30名成员，各个部门互帮互助，同为一个目标而努力进取着。</p>

        <p>缤奇团队致力于开发原创游戏、动漫等项目。目前我们已完成项目有手机游戏“色块冲刺”、聊天娱乐项目“小缤机器人”等。正在创作项目有解密游戏“月亮湖的秘密”、VR 项目“梦想码头”等。缤奇官网 & 社区已陆续开放。网站采用团队成员自主编写的 CSS3 自适应框架，针对移动设备有布局优化，缤奇团队有着丰富的网站建设技术能力、有独立的画师以及文编。</p>
        
        <p>作者：superlee</p>

        <img src="img/team.png" class="team">
    </div>
    <!-- 我的兴趣结束 -->

    <!-- 底部开始 -->
    <div class="footer">
        版权所有：superlee
    </div>
    <!-- 底部结束 -->
</body>
</html>